<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"/>
    <link rel="stylesheet" href="<%- rootUrl %>/res/adapter.css" />
    <link rel="stylesheet" href="<%- rootUrl %>/node_modules/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/common.css" />
    <title>我的动态 - 我爱零吃网</title>
    <style>
        #fix-top {
            position: fixed;
            width: 100%;
            height: 48px;
            background: #fb7;
            top: 0;
            z-index: 100;
        }
        .nav-news-active { color:#fed;border-bottom:6px solid #fed;border-top:6px solid transparent }
        #nav-news {font-weight:bold;height:100%;text-align:center}
        #nav-news > a:hover {color:white}
        #nav-news > a {padding:7px 0}
    </style>
    <script src="<%- rootUrl %>/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="<%- rootUrl %>/res/adapter.js"></script>
</head>
<body class="body-nomargin">
<div id="fix-top">
    <div id="nav-news" class="width-limit hbox align-items-center justify-content-center childs-flex-grow padding-leftright">
        <a href="javascript:;" class="nav-news-active">全部</a>
        <a href="javascript:;">活动</a>
        <a href="javascript:;">关注</a>
        <a href="javascript:;">订单</a>
        <a href="javascript:;">售后</a>
    </div>
</div>

<div class="width-limit" style="text-align: center; margin-top:48px; margin-bottom:80px">
    <div class="msg-board">
        <div class="msg-time">2018-10-20&nbsp;18:27:08&nbsp;&nbsp;&nbsp;活动:个人任务</div>
        <div>您的任务&nbsp;[推荐给5个好友]&nbsp;已完成，快去领取奖励吧！</div>
        <a href="javascript:;"><div class="msg-detail">查看详细</div></a>
    </div>
    <div class="msg-board">
        <div class="msg-time">2018-10-20&nbsp;19:27:08&nbsp;&nbsp;&nbsp;关注好友:小琦琦</div>
        <div>您的朋友&nbsp;<a href="javascript:;">[小琦琦]</a>&nbsp;向您推荐了一个宝贝&nbsp;[小浣熊干脆面]&nbsp;，快去看看吧！</div>
        <a href="javascript:;"><div class="msg-detail">查看详细</div></a>
    </div>
    <div class="msg-board">
        <div class="msg-time">2018-10-20&nbsp;20:27:08&nbsp;&nbsp;&nbsp;订单:2018102070869381</div>
        <div>您的订单付款异常，请重新付款。</div>
        <a href="javascript:;"><div class="msg-detail">查看详细</div></a>
    </div>
    <div class="msg-board">
        <div class="msg-time">2018-10-20&nbsp;21:27:08&nbsp;&nbsp;&nbsp;订单:2018102070869381</div>
        <div>您的宝贝已经发货啦，去看看物流情况？</div>
        <a href="javascript:;"><div class="msg-detail">查看详细</div></a>
    </div>
    <div class="msg-board">
        <div class="msg-time">2018-10-20&nbsp;22:27:08&nbsp;&nbsp;&nbsp;关注店铺:三只松鼠旗舰店</div>
        <div>您关注的店铺&nbsp;[三只松鼠旗舰店]&nbsp;又出新品啦，快去看看吧！</div>
        <a href="javascript:;"><div class="msg-detail">查看详细</div></a>
    </div>
    <div class="msg-board">
        <div class="msg-time">2018-10-20&nbsp;23:27:08&nbsp;&nbsp;&nbsp;订单:2018102070869381</div>
        <div>您的宝贝已经查收啦，快来评价吧！</div>
        <a href="javascript:;"><div class="msg-detail">查看详细</div></a>
    </div>
</div>

<%- components['navfoot'] ? include(components['navfoot'], this) : '' %>
<script>
var nav_news = $("#nav-news");
var nav_news_childs = nav_news.children("a");
nav_news_childs.click(function(){
    nav_news_childs.removeClass("nav-news-active");
    $(this).addClass("nav-news-active");
});
document.querySelector('#nav-foot > div > a:nth-child(3)').style.color='#c70';
$(function(){
    $(document).scrollTop(100000);
});
</script>
</body>
</html>